﻿<div class="z-banner2">

	<div class="wow fadeInLeft" data-wow-delay="0.3s">
		<div class="z-banner2in">
			<img src="{$lanmu_info.image}"/>
		</div>
	</div>
	<p class="z-sol-p1 wow fadeInRight" data-wow-delay="0.5s">{$lanmu_info.cn_heading}</p>
	<p class="z-sol-p2 wow fadeInRight" data-wow-delay="0.7s">{$lanmu_info.en_heading}</p>
</div>

<!--列表-->

<div class="z-sol-list1 wow fadeInLeft">
	<div class="z-sol-place1 clear wow fadeInRight" data-wow-delay="0.3s">
		<div class="fl clear wow fadeInLeft" data-wow-delay="0.6s">
			<div class="z-sol-i1 fl">
				<img src="/static/picture/place1.png"/>
			</div>
			<p class="z-sol-p4 fl"> 您当前所在位置：<span></span><a href="/">首页</a> </span>>
				<span>{$lanmu_info.title}</span></p>
		</div>
		<div class="fr clear wow fadeInRight" data-wow-delay="1s">
			<div class="z-sol-l1 fr"></div>
			<p class="z-sol-p3 fr">{$lanmu_info.title}</p>
			<div class="z-sol-l1 fr"></div>
		</div>
	</div>
	<div class="z-pct-place1" style="background: #12bbb8">
		<div class="z-pct-d1 clear">

			{volist name='category' id='vo'}
			<div>
				<div class="z-pct-d3 wow fadeInLeft" data-wow-delay="1s">
					<a class="z-pct-p2 {if condition='$cate_id==$vo.id'}z-pct-p2-act{/if}" href="{:url('product/index',['cate_id'=>$vo.id])}">{$vo.name}</a>
					{notempty name='$vo.son'}
					<div class="z-pct-tri1"></div>
					{/notempty}
				</div>
				<div class="z-pct-li1" style="display: none;">
					{volist name='vo.son' id='v'}
					<a href="{:url('product/index',['cate_id'=>$v.id])}"><p class="z-pct-lip1">{$v.name}</p></a>
					{/volist}
				</div>
			</div>
			{/volist}

		</div>
	</div>
	<div class="z-pct-place2" style="background: #12bbb8">
		<div class="z-pct-big1 clear">
			{volist name='lists' id='vo'}
			<div class="fl wow fadeInUp" data-wow-delay="0.4s">
				<a href="{:url('product/detail',['id'=>$vo.id])}">
					<div class="z-pct-i1">
						<table width="298" border="0" cellpadding="00" cellspacing="0">
							<tr>
								<td height="347" align="center" valign="middle" class="img" style="overflow: hidden;">
									<img src="{$vo.image}" width="298" height="347"/>
								</td>
							</tr>
						</table>
					</div>
					<div class="z-pct-l1"></div>
					<p class="z-pct-p1">{$vo.title}</p>
				</a>
			</div>
			{/volist}
		</div>
		<div style="clear: both;"></div>
		<div class="pagination_box">
			{$page}
		</div>
	</div>
</div>

<!--页尾-->

<script>

    $(function () {

        //$('.z-pct-d2>p').eq(2).addClass('z-pct-d2pon');
        $('.z-pct-pn').click(function () {
            $('.z-pct-pn').removeClass('z-pct-d2pon');
            //$(this).addClass('z-pct-d2pon');
        });

        $('.z-pct-li1').hide();
        $('.z-pct-d1>div').mouseover(function () {
            $(this).find('.z-pct-li1').show();
        });
        $('.z-pct-d1>div').mouseout(function () {
            $(this).find('.z-pct-li1').hide();
        });

        /*动画*/

        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 0,
            mobile: true,
            live: true
        });
        wow.init();

    });

</script>